<template>
  <div class="box">
    <div class="item">
      <div>
        <img src="./img/出售.png" alt="" />
      </div>
      <div>
        <div>二手房出售</div>
        <div>发布二手房出售信息</div>
      </div>
    </div>
    <div class="item">
      <div>
        <img src="./img/租房.png" alt="" />
      </div>
      <div>
        <div>有房出租</div>
        <div>发布房源出租售信息</div>
      </div>
    </div>
    <div class="item">
      <div>
        <img src="./img/买房.png" alt="" />
      </div>
      <div>
        <div>我想买个房子</div>
        <div>发布求购意向信息</div>
      </div>
    </div>
    <div class="item">
      <div>
        <img src="./img/租房.png" alt="" />
      </div>
      <div>
        <div>我想租个房子</div>
        <div>发布求租意向信息</div>
      </div>
    </div>
    <div class="item" @click="GoToPage('')">
      <div>
        <img src="./img/买房.png" alt="" />
      </div>
      <div>
        <div>买新房职业顾问帮您忙</div>
        <div>提交购房意向买房顾问全程带看</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
     GoToPage( target ){
            uni.redirectTo({
                url: target,
            });
        },
  }
};
</script>

<style lang="scss" scoped>
.box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  > .item {
    width: 90%;
    display: flex;
    > div:nth-child(1) {
      padding: 20rpx;
      img {
        width: 100rpx;
        height: 100rpx;
      }
    }
    > div:nth-child(2) {
      padding: 20rpx;
      >div{
        margin: 10rpx 0;
      }
      > div:nth-child(1) {
        font-size: 32rpx;
      }
      > div:nth-child(2) {
        font-size: 26rpx;
        color: #999;
      }
    }
  }
}
</style>